.keyboard {
	margin: 0;
	padding: 0;
	list-style: none;
}

.keyboard li {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #F9F9F9;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0 5px 5px 0;
	padding: 0 !important;
	text-align: center;
	width: 30px;
	font-weight: bold;
}

.capslock,.tab,.left-shift {
	clear: left;
}

.keyboard .tab,.keyboard .delete {
	width: 70px;
}

.keyboard .capslock {
	width: 80px;
}

.keyboard .return {
	width: 77px;
}

.keyboard .left-shift {
	width: 95px;
}

.keyboard .right-shift {
	width: 76px;
}

.lastitem {
	margin-right: 0 !important;
}

.uppercase {
	text-transform: uppercase;
}

.keyboard .space {
	clear: left;
	width: 100%;
}

.on {
	display: none;
}

.keyboard li:hover {
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #e5e5e5;
	cursor: pointer;
}

.virtualKeyboard {
	background: none repeat scroll 0 0 #EEEEEE;
	border: 1px solid #CCCCCC;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	padding: 10px;
	position: absolute;
	top: 265px;
	width: 549px;
	z-index: 2000;
}